<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/style.css"/>
    <link href="assets/css/codemirror.css" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/ace.min.css" />
    <link rel="stylesheet" href="assets/css/font-awesome.min.css" />
    <!--[if IE 7]>
    <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
    <![endif]-->
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
    <![endif]-->
    <script src="assets/js/jquery.min.js"></script>

    <!-- <![endif]-->

    <!--[if IE]>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <![endif]-->

    <!--[if !IE]> -->

    <script type="text/javascript">
        window.jQuery || document.write("<script src='assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
    </script>

    <!-- <![endif]-->

    <!--[if IE]>
    <script type="text/javascript">
        window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
    </script>
    <![endif]-->

    <script type="text/javascript">
        if("ontouchend" in document) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
    </script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/typeahead-bs2.min.js"></script>
    <!-- page specific plugin scripts -->
    <script src="assets/js/jquery.dataTables.min.js"></script>
    <script src="assets/js/jquery.dataTables.bootstrap.js"></script>
    <script type="text/javascript" src="js/H-ui.js"></script>
    <script type="text/javascript" src="js/H-ui.admin.js"></script>
    <script src="assets/layer/layer.js" type="text/javascript" ></script>
    <script src="assets/laydate/laydate.js" type="text/javascript"></script>
    <style>
        .c-red{
            color:#f00
        }
    </style>
    <title>我的收货地址</title>
</head>

<body>
<div class="page-content clearfix">
    <div id="Member_Ratings">
        <div class="d_Confirm_Order_style">
            <div class="border clearfix" style="
    margin-top: 20px;
">
       <span class="l_f">
        <a href="javascript:;" id="property_add" class="btn btn-warning"><i class="icon-plus"></i>添加收货地址</a>
       </span>
            </div>
            <!---->
            <div class="table_menu_list">
                <table class="table table-striped table-bordered table-hover" id="sample-table">
                    <thead>
                    <tr>
                        <th width="60">序号</th>
                        <th width="100">收货人</th>
                        <th width="150">所在地区</th>
                        <th width="250">详细地址</th>
                        <th width="150">邮编</th>
                        <th width="120">电话号码</th>
                        <th width="120">备注</th>
                        <th width="100">操作</th>
                        <th width="100"></th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>1</td>
                        <td>张三</td>
                        <td>湖北武汉xx区</td>
                        <td>xx区xx路16号</td>
                        <td>430000</td>
                        <td>137****3546</td>
                        <td>111111111</td>
                        <td class="td-manage">
                            <a title="编辑" onclick="member_edit('550')" href="javascript:;"
                               class="btn btn-xs btn-info property_edit"><i class="icon-edit bigger-120"></i></a>
                            <a title="删除" href="javascript:;" onclick="member_del(this,'1')"
                               class="btn btn-xs btn-warning disabled"><i class="icon-trash  bigger-120"></i></a>
                        </td>
                        <td><span class="label label-default">默认地址</span></td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>张三</td>
                        <td>湖北武汉xx区</td>
                        <td>xx区xx路16号</td>
                        <td>430000</td>
                        <td>137****3546</td>
                        <td>111111111</td>
                        <td class="td-manage">
                            <a title="编辑" onclick="member_edit('550')" href="javascript:;"
                               class="btn btn-xs btn-info property_edit"><i class="icon-edit bigger-120"></i></a>
                            <a title="删除" href="javascript:;" onclick="member_del(this,'1')"
                               class="btn btn-xs btn-warning"><i class="icon-trash  bigger-120"></i></a>
                        </td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>张三</td>
                        <td>湖北武汉xx区</td>
                        <td>xx区xx路16号</td>
                        <td>430000</td>
                        <td>137****3546</td>
                        <td>111111111</td>
                        <td class="td-manage">
                            <a title="编辑" onclick="member_edit('550')" href="javascript:;"
                               class="btn btn-xs btn-info property_edit"><i class="icon-edit bigger-120"></i></a>
                            <a title="删除" href="javascript:;" onclick="member_del(this,'1')"
                               class="btn btn-xs btn-warning"><i class="icon-trash  bigger-120"></i></a>
                        </td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>4</td>
                        <td>张三</td>
                        <td>湖北武汉xx区</td>
                        <td>xx区xx路16号</td>
                        <td>430000</td>
                        <td>137****3546</td>
                        <td>111111111</td>
                        <td class="td-manage">
                            <a title="编辑" onclick="member_edit('550')" href="javascript:;"
                               class="btn btn-xs btn-info property_edit"><i class="icon-edit bigger-120"></i></a>
                            <a title="删除" href="javascript:;" onclick="member_del(this,'1')"
                               class="btn btn-xs btn-warning"><i class="icon-trash  bigger-120"></i></a>
                        </td>
                        <td></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<!--销售区域分配图层-->
<div class="add_menber" id="add_menber_style" style="display:none">
    <ul class=" page-content">
        <div class="Operate_cont clearfix">
            <label class="form-label"><span class="c-red">*</span>所在地区：</label>
            <div class="row">
                <div class="col-sm-9"><span class="formControls col-4" style=" width:100px">
		  <select style=" width:90px" class="form-control" id="form-field-select-1">
              <option value="">选择省份</option>
              <option value="1">河南省</option>
              <option value="2">河北省</option>
              <option value="3">湖北省</option>
          </select>
		  </span>
		  <span class="formControls col-4" style=" width:100px">
		  <select style=" width:90px" class="form-control" id="form-field-select-1">
              <option value="">选择市</option>
              <option value="1">河南市</option>
              <option value="2">河北市</option>
              <option value="3">湖北市</option>
          </select>
		  </span>
		  <span class="formControls col-4" style=" width:100px">
		  <select style=" width:90px" class="form-control" id="form-field-select-1">
              <option value="">选择区</option>
              <option value="1">河南区</option>
              <option value="2">河北区</option>
              <option value="3">湖北区</option>
          </select>
		  </span>
                </div>
            </div>
        </div>
        <div class="Operate_cont clearfix">
            <label class="form-label"><span class="c-red">*</span>详细地址：</label>
            <div class="formControls ">
                <input type="text" class="input-text" value="" placeholder="" id="user-name" name="详细地址">
            </div>
        </div>
        <div class="Operate_cont clearfix">
            <label class="form-label"><span class="c-red">*</span>邮编：</label>
            <div class="formControls ">
                <input type="text" class="input-text" value="" placeholder="" id="user-name" name="邮编">
            </div>
        </div>

        <div class="Operate_cont clearfix">
            <label class="form-label"><span class="c-red">*</span>收件人姓名：</label>
            <div class="formControls ">
                <input type="text" class="input-text" value="" placeholder="" id="user-name" name="收件人姓名">
            </div>
        </div>
        <div class="Operate_cont clearfix">
            <label class="form-label"><span class="c-red">*</span>电话号码：</label>
            <div class="formControls ">
                <input type="text" class="input-text" value="" placeholder="" id="user-name" name="电话号码">
            </div>
        </div>
        <div class="Operate_cont clearfix">
            <label class="form-label">备注：</label>
            <div class="formControls">
                <input type="text" class="input-text" value="" placeholder="">
            </div>
        </div>
        <div class="Operate_cont clearfix">
            <label class="form-label"></label>
            <div class="formControls">
                <label>
                    <input type="checkbox" class="ace">
                    <span class="lbl">设为默认地址</span></label>
            </div>
        </div>
    </ul>
</div>
</div>
</div>
</div>
<!--编辑区域分配图层-->
<div class="add_menber" id="edit_menber_style" style="display:none">
    <ul class=" page-content">
        <div class="Operate_cont clearfix">
            <label class="form-label"><span class="c-red">*</span>所在地区：</label>
            <div class="row">
                <div class="col-sm-9"><span class="formControls col-4" style=" width:100px">
		  <select style=" width:90px" class="form-control" id="form-field-select-1">
              <option value="">选择省份</option>
              <option value="1">河南省</option>
              <option value="2">河北省</option>
              <option value="3">湖北省</option>
          </select>
		  </span>
		  <span class="formControls col-4" style=" width:100px">
		  <select style=" width:90px" class="form-control" id="form-field-select-1">
              <option value="">选择市</option>
              <option value="1">河南市</option>
              <option value="2">河北市</option>
              <option value="3">湖北市</option>
          </select>
		  </span>
		  <span class="formControls col-4" style=" width:100px">
		  <select style=" width:90px" class="form-control" id="form-field-select-1">
              <option value="">选择区</option>
              <option value="1">河南区</option>
              <option value="2">河北区</option>
              <option value="3">湖北区</option>
          </select>
		  </span>
                </div>
            </div>
        </div>
        <div class="Operate_cont clearfix">
            <label class="form-label"><span class="c-red">*</span>详细地址：</label>
            <div class="formControls ">
                <input type="text" class="input-text" value="xx区xx路16号" placeholder="" id="user-name" name="详细地址">
            </div>
        </div>
        <div class="Operate_cont clearfix">
            <label class="form-label"><span class="c-red">*</span>邮编：</label>
            <div class="formControls ">
                <input type="text" class="input-text" value="430000" placeholder="" id="user-name" name="邮编">
            </div>
        </div>

        <div class="Operate_cont clearfix">
            <label class="form-label"><span class="c-red">*</span>收件人姓名：</label>
            <div class="formControls ">
                <input type="text" class="input-text" value="张三" placeholder="" id="user-name" name="固定电话">
            </div>
        </div>
        <div class="Operate_cont clearfix">
            <label class="form-label"><span class="c-red">*</span>电话号码：</label>
            <div class="formControls ">
                <input type="text" class="input-text" value="13765123546" placeholder="" id="user-name" name="联系电话">
            </div>
        </div>
        <div class="Operate_cont clearfix">
            <label class="form-label">备注：</label>
            <div class="formControls">
                <input type="text" class="input-text" value="111111111" placeholder="" id="user-name" name="备注">
            </div>
        </div>
        <div class="Operate_cont clearfix">
            <label class="form-label"></label>
            <div class="formControls">
                <label>
                    <input type="checkbox" class="ace">
                    <span class="lbl">设为默认地址</span></label>
            </div>
        </div>
    </ul>
</div>
</div>
</div>
</div>
</body>
</html>
<script>
    /*区域分配-添加*/
    $('#property_add').on('click', function(){
        layer.open({
            type: 1,
            title: '添加收货地址',
            maxmin: true,
            shadeClose: true, //点击遮罩关闭层
            area : ['600px' , ''],
            content:$('#add_menber_style'),
            btn:['提交','取消'],
            yes:function(index,layero){
                var num=0;
                var str="";
                $(".add_menber input[type$='text']").each(function(n){
                    if($(this).val()=="")
                    {

                        layer.alert(str+=""+$(this).attr("name")+"不能为空！\r\n",{
                            title: '提示框',
                            icon:0,
                        });
                        num++;
                        return false;
                    }
                });
                if(num>0){  return false;}
                else{
                    layer.alert('添加成功！',{
                        title: '提示框',
                        icon:1,
                    });
                    layer.close(index);
                }
            }
        });
    });
    /*区域分配-编辑*/
    $('.property_edit').on('click', function(){
        layer.open({
            type: 1,
            title: '收货地址编辑',
            maxmin: true,
            shadeClose:false, //点击遮罩关闭层
            area : ['600px' , ''],
            content:$('#edit_menber_style'),
            btn:['保存','取消'],
            yes:function(index,layero){
                var num=0;
                var str="";
                $(".edit_menber input[type$='text']").each(function(n){
                    if($(this).val()=="")
                    {

                        layer.alert(str+=""+$(this).attr("name")+"不能为空！\r\n",{
                            title: '提示框',
                            icon:0,
                        });
                        num++;
                        return false;
                    }
                });
                if(num>0){  return false;}
                else{
                    layer.alert('修改成功！',{
                        title: '提示框',
                        icon:1,
                    });
                    layer.close(index);
                }
            }
        });
    });
    jQuery(function($) {
        var oTable1 = $('#sample-table').dataTable( {
            "aaSorting": [[ 1, "desc" ]],//默认第几个排序
            "bStateSave": true,//状态保存
            "aoColumnDefs": [
                //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
                {"orderable":false,"aTargets":[2,3,4,5,6,7,8,9]}// 制定列不参与排序
            ] } );


        $('table th input:checkbox').on('click' , function(){
            var that = this;
            $(this).closest('table').find('tr > td:first-child input:checkbox')
                    .each(function(){
                        this.checked = that.checked;
                        $(this).closest('tr').toggleClass('selected');
                    });

        });


        $('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
        function tooltip_placement(context, source) {
            var $source = $(source);
            var $parent = $source.closest('table')
            var off1 = $parent.offset();
            var w1 = $parent.width();

            var off2 = $source.offset();
            var w2 = $source.width();

            if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
            return 'left';
        }
    })
    /*部门-删除*/
    function member_del(obj,id){
        layer.confirm('确认要删除吗？',function(index){
            $(obj).parents("tr").remove();
            layer.msg('已删除!',{icon:1,time:1000});
        });
    }
    laydate({
        elem: '#start',
        event: 'focus'
    });

</script>